<!-- bootstrap 模态框 -->
<div class="modal fade" id="articleDetail" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
    <div class="modal-dialog modal-lg" role="document" aria-hidden="true">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                <h4 class="modal-title" id="myModalLabel"></h4>
            </div>
            <div class="modal-body">
                <div>
                    <!-- Nav tabs -->
                    <ul class="nav nav-tabs" id="tabs" role="tablist">
                        <li role="presentation" class="active">
                            <a href="#tab-userLook" aria-controls="tab-userLook" role="tab" data-toggle="tab">用户浏览</a>
                        </li>
                        <li role="presentation">
                            <a href="#tab-userShare" aria-controls="tab-userShare" role="tab" data-toggle="tab">用户分享</a>
                        </li>
                        <li role="presentation">
                            <a href="#tab-userCopy" aria-controls="tab-userCopy" role="tab" data-toggle="tab">用户换成我的</a>
                        </li>
                    </ul>

                    <!-- Tab panes -->
                    <div class="tab-content">
                        <div role="tabpanel" class="tab-pane active" id="tab-userLook">
                            <table id="jqGridUserLook"></table>
                            <div id="jqGridPagerUserLook"></div>
                        </div>
                        <div role="tabpanel" class="tab-pane" id="tab-userShare">
                            <table id="jqGridUserShare"></table>
                            <div id="jqGridPagerUserShare"></div>
                        </div>
                        <div role="tabpanel" class="tab-pane" id="tab-userCopy">
                            <table id="jqGridUserCopy"></table>
                            <div id="jqGridPagerUserCopy"></div>
                        </div>
                    </div>

                </div>
            </div>
            <!--<div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal">退出</button>
                &lt;!&ndash;<button type="button" class="btn btn-primary">Save changes</button>&ndash;&gt;
            </div>-->
        </div><!-- /.modal-content -->
    </div><!-- /.modal-dialog -->
</div><!-- /.modal -->